<template>
	<view>
		<template v-if="show">
			<zero-loading :mask="true" type="triangle"/>
		</template>
		<template v-else>
			<template v-if="checkData()">
				<slot></slot>
			</template>
			<template v-else>
				<my-nothing/>
			</template>
		</template>
	</view>
</template>

<script setup name="MyLoader">
/*
	defineProps : 是定义组件属性的对象
	type: 定义属性的类型
	default: 定义属性的默认值
	required: 定义属性必须被使用
*/
const props=defineProps({
	show:{type: Boolean,default: true},
	data:{type: Object,required: true}
});

function checkData() {
	if(props.data==null || props.data==undefined){
		return false;
	}
	//判断数组类型的校验方式
	if(props.data instanceof Array && props.data.length==0){
		return false;
	}
	return true;
}

</script>
<style>
</style>